﻿<!DOCTYPE html>
<html lang="en" class="ace ace-card-on ace-tab-nav-on ace-main-nav-on ace-sidebar-on" data-theme-color="#c0e3e7">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Search</title>
    <meta name="description" content="">

{#    <link rel="apple-touch-icon" href="apple-touch-icon.png">#}
{#    <link rel="shortcut icon" href="favicon.ico">#}

    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Quicksand:400,700" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">

    <!-- Icon Fonts -->
    <link href="../../static/main_style/fonts/icomoon/style.css" rel="stylesheet">

    <!-- Styles -->
    <link href="../../static/main_style/js/plugins/highlight/solarized-light.css" rel="stylesheet">
    <link href="../../static/main_style/style.css" rel="stylesheet">

    <!-- Modernizer -->
    <script type="text/javascript" src="../../static/main_style/js/vendor/modernizr-3.3.1.min.js"></script>
  </head>
  <body>
     <div class="ace-wrapper">

         <header id="ace-header" class="ace-container-shift ace-logo-in ace-head-boxed ace-nav-right">
             <div class="ace-head-inner">
                 <div class="ace-head-container ace-container">
                     <div class="ace-head-row">
                         <div id="ace-head-col1" class="ace-head-col text-left">
                             <a id="ace-logo" class="ace-logo" href={{ "index" }}>
                                <img src="../../static/main_style/img/uploads/brand/logo.svg" alt="ace resume"><span>YanHu</span>
                             </a>
                         </div>

                         <div id="ace-head-col2" class="ace-head-col text-right">
                             <div class="ace-nav-container ace-container hidden-sm hidden-xs">
                                 <nav id="ace-main-nav">
                                    <ul class="clear-list">
										<li><a href={{ "index" }}>hot</a></li>
										<li><a href={{ "search" }}>search</a></li>
										<li><a href={{ "favor" }}>favor</a></li>
										<li><a href="{{ "logout" }}">logout</a></li>
									</ul>
                                 </nav>
                             </div>
                         </div>

{#                         <div id="ace-head-col3" class="ace-head-col text-right">#}
{#                             <button id="ace-sidebar-btn" class="btn btn-icon btn-light btn-shade">#}
{#                                 <span class="ace-icon ace-icon-side-bar-icon"></span>#}
{#                             </button>#}
{#                         </div>#}
                     </div>
                 </div><!-- .ace-container -->
             </div><!-- .ace-head-inner -->
        </header><!-- #ace-header -->


        <nav id="ace-nav-sm" class="ace-nav hidden-lg hidden-md">
            <ul class="clear-list">
				<li>
					<a href="index.html" data-tooltip="Home"><img class="avatar avatar-42" src="../../static/main_style/img/uploads/avatar/avatar-42x42.png" alt=""></a>
				</li>
				<li>
					<a href="experience.html" data-tooltip="Experience"><span class="ace-icon ace-icon-experience"></span></a>
				</li>
				<li>
					<a href="portfolio.html" data-tooltip="Portfolio"><span class="ace-icon ace-icon-portfolio"></span></a>
				</li>
				<li>
					<a href="testimonials.html" data-tooltip="References"><span class="ace-icon ace-icon-references"></span></a>
				</li>
				<li>
					<a href="contact.html" data-tooltip="Contact"><span class="ace-icon ace-icon-contact"></span></a>
				</li>
				<li>
					<a href="category.html" data-tooltip="Blog"><span class="ace-icon ace-icon-blog"></span></a>
				</li>
			</ul>
        </nav><!-- #ace-tab-nav-sm -->

        <div id="ace-content" class="ace-container-shift">
            <div class="ace-container">

                
                <div id="ace-nav-wrap" class="hidden-sm hidden-xs">
                        <div class="ace-nav-cont">
                            <div id="ace-nav-scroll">
                                <nav id="ace-nav" class="ace-nav">
                                    <ul class="clear-list">
										<li>
											<a href="#" data-tooltip="Home"><img class="avatar avatar-42" src="../../static/my_style/imgs/ha_glass.jpg" alt=""></a>
										</li>
										<li>
											<a href="#" data-tooltip="Experience"><span class="ace-icon ace-icon-experience"></span></a>
										</li>
										<li>
											<a href="#" data-tooltip="Portfolio"><span class="ace-icon ace-icon-portfolio"></span></a>
										</li>
										<li>
											<a href="#" data-tooltip="References"><span class="ace-icon ace-icon-references"></span></a>
										</li>
										<li>
											<a href="#" data-tooltip="Contact"><span class="ace-icon ace-icon-contact"></span></a>
										</li>
										<li>
											<a href="#" data-tooltip="Blog"><span class="ace-icon ace-icon-blog"></span></a>
										</li>
									</ul>
                                </nav>
                            </div>

                            <div id="ace-nav-tools" class="hidden">
                                <span class="ace-icon ace-icon-dots-three-horizontal"></span>

                                <button id="ace-nav-arrow" class="clear-btn">
                                    <span class="ace-icon ace-icon-chevron-thin-down"></span>
                                </button>
                            </div>
                        </div>
                        <div class="ace-nav-btm"></div>
                    </div><!-- .ace-nav-wrap -->

                <div class="ace-paper-stock">
                    <main class="ace-paper clearfix">
                        <div class="ace-paper-cont clear-mrg">
						
						<!-- START: PAGE CONTENT -->

                            <div class="padd-box-sm">
                                <header class="search-for">
                                    <h1 class="search-title">Search for what you want
{#                                    <span>Lorem ipsum</span></h1>#}
                                    </h1>
                                </header>
                                <div class="search-result">
                                    <strong class="title-lg text-upper">Go Search</strong>
                                    <form method="post" class="search-again">
                                        <div class="form-item-wrap">
                                            {{ form.searchInput }}
{#                                            <input class="form-item" id="searchInput" name="searchInput" type="search" placeholder="Search" value="" size="30" maxlength="80" required="required">#}
                                        </div>
                                        {{form.csrf_token}}
                                        <div class="form-submit form-item-wrap">
                                            {{ form.submit }}
{#                                            <input class="btn btn-primary" name="submit" type="submit" id="submit" value="Try Again">#}
                                        </div>
                                    </form>
                                </div>
                            </div>

                            <br>
                            <br>

                            <div class="padd-box-sm" style="text-align: center">
{#                                <img src="../../static/my_style/imgs/graph-search1.png" alt="search_style" style="float: left; width: 50%">#}
                                <img src="../../static/my_style/imgs/graph-search1.png" alt="search_style" style="margin: 0 auto; width: 90%">
                            </div>

                        <!-- END: PAGE CONTENT -->
						
                        </div><!-- .ace-paper-cont -->
                    </main><!-- .ace-paper -->
                </div><!-- .ace-paper-stock -->

            </div><!-- .ace-container -->
        </div><!-- #ace-content -->

    <footer id="ace-footer" class="ace-container-shift">
        <div class="ace-container">
			<div class="ace-footer-cont clear-mrg">
				<p class="text-center">@ EE447 Mobile Network Final Project @</p>
			</div>
        </div><!-- .ace-container -->
    </footer><!-- #ace-footer -->

    <!-- Triangle Shapes -->
    <svg id="ace-bg-shape-1" class="hidden-sm hidden-xs" height="519" width="758">
        <polygon points="0,455,693,352,173,0,92,0,0,71" style="fill:#d2d2d2;stroke:purple;stroke-width:0; opacity: 0.5"></polygon>
    </svg>

    <svg id="ace-bg-shape-2" class="hidden-sm hidden-xs" height="536" width="633">
        <polygon points="0,0,633,0,633,536" style="fill:#c0e3e7;stroke:purple;stroke-width:0"></polygon>
    </svg>
</div><!-- .ace-wrapper -->

<!-- Scripts -->
<script type="text/javascript" src="../../static/main_style/js/vendor/jquery-1.12.4.min.js"></script>


<!---<script type="text/javascript" src="http://ditu.google.cn/maps/api/js?key=AIzaSyDiwY_5J2Bkv2UgSeJa4NOKl6WUezSS9XA"></script>--->
<script type="text/javascript" src="../../static/main_style/js/plugins/highlight/highlight.pack.js"></script>
<script type="text/javascript" src="../../static/main_style/js/plugins/jquery.mCustomScrollbar.min.js"></script>
<script type="text/javascript" src="../../static/main_style/js/plugins/isotope.pkgd.min.js"></script>
<script type="text/javascript" src="../../static/main_style/js/plugins/progressbar.min.js"></script>
<script type="text/javascript" src="../../static/main_style/js/plugins/slick.min.js"></script>

<script type="text/javascript" src="../../static/main_style/js/options.js"></script>
<script type="text/javascript" src="../../static/main_style/js/main.js"></script>
</body>
</html>

